<div class="body" #body>

    <div class="window-cmp resizable-box" *ngFor="let item of windowDtos"  
    [style.width]="item.isSizeMax ? '100%' : item.width"
    [style.height]="item.isSizeMax ? '100%' : item.height" 
    [style.display]="item.isHide ? 'none' : 'block'"
    [style.zIndex]="item.zIndex"
    cdkDrag 
    [cdkDragFreeDragPosition]=" item.isSizeMax ? {x: 0, y: 0} :item.position"  
    (cdkDragStarted)="onDragStarted($event,item)"
    (cdkDragEnded)="onDragEnded($event,item)" 
    appResizable
    [ResizableDisabled]="item.isSizeMax"
    [ResizableFixedPoint]="item.position"
    [ResizableMinHeight]="180"
    [ResizableMinWidth]="300"
    (onResizableStart)="onResizableStart($event,item)"
    (onResizableEnd)="onResizableEnd($event,item)"
    (onResizableMove)="onResizableMove($event,item)"
    > 

    <div *ngIf="!item.isSizeMax" class="resize-handle top-left"></div>
    <div *ngIf="!item.isSizeMax" class="resize-handle top-right"></div>
    <div *ngIf="!item.isSizeMax" class="resize-handle bottom-left"></div>
    <div *ngIf="!item.isSizeMax" class="resize-handle bottom-right"></div>
    <div *ngIf="!item.isSizeMax" class="resize-handle top"></div>
    <div *ngIf="!item.isSizeMax" class="resize-handle bottom"></div>
    <div *ngIf="!item.isSizeMax" class="resize-handle left"></div>
    <div *ngIf="!item.isSizeMax" class="resize-handle right"></div>
    <app-window-cmp  
        [title]="item.title"
        [url]="item.url" 
        [id]="item.id"
        [iconUrl]="item.iconUrl"
        [isSizeMax]="item.isSizeMax"
        (close)="wsm.close(item.id)"
        (sizeMin)="wsm.hide(item.id)"
        (sizeMax)="wsm.sizeMax(item.id)"
        (sizeCommon)="wsm.sizeCommon(item.id)"
        [style.width]="true? '100%' : item.width"
        [style.height]="true ? '100%' : item.height" 
        [isActive]="wsm.activateStatus && item.isActive"
    > 
    </app-window-cmp>
 
 
</div>
</div>